<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    routes: [
      { path: '/login', component: Login组件 },
      { path: '/404', component: 404组件 },
      { path: '/', component: Layout架子组件,
         children: [
          { path: '/dashboard', component: 首页组件 },
          { path: '/department', component: 组织的组件 },
          // 我们使用这种方式来配置路由规则是可以实现功能, 但是 如果要对权限处理其实不太灵活
          { path: '/employee', component: 员工组件 },
          { path: '/employee/detail', component: 新增员工组件 },
          { path: '/employee/detail/id', component: 查看员工组件 },

          { .......等等等等 很多 },
         ]
      },
    ]
  </script>
</body>
</html>